import React from 'react'
import ArticleList from '../Article/ArticleList'
import ContentLeftFooter from '../Content/ContentLeftFooter'

class CollectContent extends React.Component {
    constructor(props) {
        super(props)
    }

    render() {
        return (
            <div className="CollectContent">
                <div className="CollectContent-list">
                    <div className="CollectContent-title">你的收藏如下</div>
                    <ArticleList type="collect" />
                    <ContentLeftFooter />
                </div>
                <style>{`
                    .CollectContent {
                        max-width: 754px;
                        width: 100%;
                    }
                    .CollectContent-list {
                        position: relative;
                        min-height: 100%;
                        margin: 0 auto;
                        padding: 10px 0 55px 0;
                    }
                    .CollectContent-title {
                        margin: 15px;
                    }
                `}</style>
            </div>
        )
    }
}

export default CollectContent